<template>
  <div class="action-node-container">
    <span class="action-node-icon">

    </span>
    <span class="action-node-text">
      {{ props.node.text }}
    </span>
  </div>
</template>
<script setup>
defineOptions({
  name: 'action-node'
})
const props = defineProps({
  node: Object
})
</script>

<style scoped>
.action-node-container {
  width: 140px;
  height: 30px;
  background-color: #CCCCCC33;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  border: 1px solid #CCCCCC;
  cursor: move;
  user-select: none;
}
</style>
